<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

 	

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		
		<base href="<%=basePath%>">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">    
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		
		<link rel="stylesheet" href="Content/mypluing/css/cursor.css" />
		<link rel="stylesheet" href="Content/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css" />
		<link rel="stylesheet" href="Content/bootstrap-3.3.5-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" href="Content/css/Layout_basic.css" />
		<link rel="stylesheet" href="Content/css/sweet-alert.css" />
		<link rel="stylesheet" href="Content/mypluing/css/font.css" />
		<link rel="stylesheet" href="Content/css/fileinput.min.css" />
		<link rel="stylesheet" href="Content/css/validfrom.css" />
		<link rel="stylesheet" href="Content/css/Layout_addEstateInfo.css" />
		<title></title>
	</head>
	<body>
		<header class="page-header page-header-contain">
			<h1>添加房产
			<button class="btn btn-success text-center">提交</button>
			</h1>
			
		</header>
		<form id="addEstateInfo" enctype="multipart/form-data"  class="form-group" action="user/json-addEstateInfo.do" method="post" role="form">
			<input type="hidden" name="user.id" value="${sessionScope.userId }"/>
			<input type="hidden" name="estateInfoCheckState" value="待审核" />
			<div class="row">
				
				<table class="col-xs-12">
					<tr>
						<td  class="col-xs-1">
							<span class="label label-success">产权证类型:</span>
						</td>
						<td  class="col-xs-5">
							<select name="certificateType" class="form-control" datatype="*" nullmsg="请选择产权证类型" erorrmsg="通过验证" data-placement="right" data-toggle="tooltip" data-html="true"	 data-title="">
								<option value>-----请选择----</option>
								<option value="产权证">产权证</option>
								<option value="土地证">土地证</option>
							</select>
						</td>
						<td  class="col-xs-1">
							<span class="label label-success">编号:</span>
						</td>
						<td  class="col-xs-5">
							<input type="text" data-toggle="tooltip" data-html="true" class="form-control" datatype="s6-18"- nullmsg="请输入编号" erorrmsg="输入错误"  data-placement="left" name="certificateId"/>
						</td>
					</tr>
					<tr>
						<td  class="col-xs-1">
							<span class="label label-success">房产使用状态:</span>
						</td>
						<td  class="col-xs-5">
							<select class="form-control" datatype="*" nullmsg="请选择使用状态" erorrmsg="未通过验证" data-placement="right" data-toggle="tooltip" data-html="true"	 data-title="" name="estateUsingStatue">
								<option value>-----请选择----</option>
								<option value="自用">自用</option>
								<option value="闲置">闲置</option>
							</select>
						</td>
						<td  class="col-xs-1">
							<span class="label label-success">面积:</span>
						</td>
						<td  class="col-xs-5">
							<input type="text" data-toggle="tooltip" name="acreage" data-html="true" class="form-control" datatype="n"- nullmsg="请输入面积" erorrmsg="输入错误"  data-placement="left"/>&nbsp;<span>[m<sup>2</sup>]</span>
						</td>
					</tr>
					<tr>
						<td  class="col-xs-1">
							<span class="label label-success">建筑结构:</span>
						</td>
						<td  class="col-xs-5">
							<select class="form-control" datatype="*" nullmsg="请选择建筑结构" erorrmsg="未通过验证" data-placement="right" data-toggle="tooltip" data-html="true"	 data-title="" name="structure">
								<option value>-----请选择----</option>
								<option value="钢结构">钢结构</option>
								<option value="钢、钢筋混凝土结构">钢、钢筋混凝土结构</option>
								<option value="钢筋混凝土结构">钢筋混凝土结构</option>
								<option value="混合结构">混合结构</option>
								<option value="砖木结构">砖木结构</option>
								<option value="其他结构">其他结构</option>
							</select>
						</td>
						<td  class="col-xs-1">
							<span class="label label-success">房屋类型:</span>
						</td>
						<td  class="col-xs-5">
							<select data-toggle="tooltip" data-html="true" class="form-control" datatype="*"- nullmsg="请选折" erorrmsg="输入错误"  data-placement="left" name="estateType">
								<option value>-----请选择----</option>
								<option value="商品房">商品房</option>
								<option value="房改房">房改房</option>
								<option value="存量房">存量房</option>
								<option value="集资房">集资房</option>
								<option value="微利房">微利房</option>
								<option value="平价房">解困房</option>
								<option value="再上市房">再上市房</option>
								<option value="廉租住房">廉租住房</option>
								<option value="花园式住宅">花园式住宅</option>
								<option value="公寓式住宅">公寓式住宅</option>
								<option value="安居工程住房">安居工程住房</option>
								<option value="经济适用住房">经济适用住房</option>
							</select>
						</td>
					</tr>
					<tr>
						<td  class="col-xs-1">
							<span class="label label-success">地址:</span>
						</td>
						<td  class="col-xs-5">
							<input id="estateAddress" name="estateAddress" type="text" data-toggle="tooltip" data-html="true" class="form-control" datatype="*"- nullmsg="请输入地址" erorrmsg="输入错误"  data-placement="right" name="estateAddress" />
							
							
						</td>
						<td  class="col-xs-1">
							<span class="label label-success">产证图片:</span>
						</td>
						<td  class="input-group col-xs-5">
							<input type="file" id="file" data-toggle="tooltip" data-html="true" class="form-control" name="file" datatype="*"- nullmsg="请选择文件" erorrmsg="文件类型错误"  data-placement="left"/>
						<!--	
							
						<button class="input-group-addon form-control" id="pre-btn">预览</button> 
						
						-->
						</td>
					</tr>

				</table>
				<p><button id="submit" type="button" class="btn btn-info col-xs-3 center-block"  >提交</button></p>
			</div>
		</form>
		
		
		
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" 
   aria-labelledby="myModalLabel" aria-hidden="true">
		   <div class="modal-dialog">
		      <div class="modal-content">
		         <div class="modal-header">
		            <button type="button" class="close" 
		               data-dismiss="modal" aria-hidden="true">
		                  &times;
		            </button>
		            <h4 class="modal-title" id="myModalLabel">
		               	地址选择
		            </h4>
		         </div>
		         <div class="modal-body">
		            <div class="form-group">
		            	 <select id="provence" name="provence" class="form-control">
		            	 	<option value>-- 省 --</option>
		            	 </select>
		            	 <select id="city" name="city" class="form-control">
		            	 	<option>-- 市 --</option>
		            	 </select>
		            	 <select id="county" name="county" class="form-control">
		            	 	<option>-- 县 --</option>
		            	 </select>
		            	 <input id="detail" type="text" name="detail" class="form-control"/>
		            </div>
		            <div id="Map">
		            	
		            </div>
		         </div>
		         <div class="modal-footer">
		            <button type="button" class="btn btn-default" 
		               data-dismiss="modal">关闭
		            </button>
		            <button type="button" id="sure" class="btn btn-primary">
		               提交更改
		            </button>
		         </div>
		      </div><!-- /.modal-content -->
		</div><!-- /.modal -->
		</div>
		
		<div class="modal fade" id="preView" tabindex="-1" role="dialog" 
   aria-labelledby="myModalLabel" aria-hidden="true">
		   <div class="modal-dialog">
		      <div class="modal-content">
		         <div class="modal-header">
		            <button type="button" class="close" 
		               data-dismiss="modal" aria-hidden="true">
		                  &times;
		            </button>
		            <h4 class="modal-title" id="myModalLabel">
		               	图片预览
		            </h4>
		         </div>
		         <div class="modal-body">
		         	<img id="preImg"></img>
		         </div>
		          
		         <div class="modal-footer">
		           
		            <button type="button" id="ok" class="btn btn-primary">
		               确定
		            </button>
		         </div>
		      </div><!-- /.modal-content -->
		</div><!-- /.modal -->
		
		</div>
		
		
		
	</body>
	<script src="Content/js/jquery-1.11.3.js" type="text/javascript"></script>
	<script type="text/javascript" src="Content/bootstrap-3.3.5-dist/js/bootstrap.min.js" ></script>
	<script type="text/javascript" src="Content/js/Validform_v5.3.2_min.js" ></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=n7mTxnHfQyF2MG5CN76ZXe7z"></script>
	<script type="text/javascript" src="Content/js/fileinput.min.js" ></script>
	<script type="text/javascript" src="Content/js/fileinput_locale_zh.js" ></script>
	<script type="text/javascript" src="Content/js/sweet-alert.min.js" ></script>
	<script type="text/javascript" src="Content/js/Js_addEstateInfo.js" ></script>
</html>
